/**
 * 电影院列表
 * huruqing
 */
import React, { Component } from 'react';
import { Link } from 'react-router-dom';

export default class CinemaList extends Component {
  static propTypes = {

  };

  render() {
    let cinemas = this.props.cinemas
    return (
      <div className="cinema-cinema-list list-box">
          <ul className="list">
              {
                  cinemas.map(cinema=> {
                      console.log(cinema.address);
                      return (
                          <li className="item pd-lr-16" key={cinema.id}>
                          <Link to={`/cinema/detail/${cinema.id}`} className="link">
                            <p className="name f16">
                              <span>
                                {cinema.name}
                                <i className="seat ifcc">座</i>
                              </span>
                              <van-icon className="ccc f12" name="arrow" />
                            </p>
                            <p className="addr f12 ccc">地址: {cinema.address}</p>
                            <p className="dis f12 ccc">距离: 0km</p>
                          </Link>
                        </li>
                      )
                  })
              }
          </ul>
      </div>
    );
  }
}
